<!--{foreach item=item from=$singlecate}-->
<!--{if $item.type eq 1}-->
    <!--{if $item.cssid eq 1}-->
    <!-- WHY CHOOSE US SECTION START -->
                <div class="section-full-wrap site-bg-gray tw-why-choose-area">
                    <div class="section-full p-t120 p-b120 tw-why-choose-area-top bg-cover bg-no-repeat">
                        <div class="container" id="<!--{$item.acode}-->">
                            <div class="tw-why-choose-section">
                                <div class="row">
                                    <div class="col-xl-5 col-lg-5 col-md-12">
                                        <div class="tw-why-choose-left">
                                            <!-- TITLE START-->
                                            <div class="section-head left wt-small-separator-outer">
                                                <div class="wt-small-separator site-text-primary">
                                                    <div>
                                                        <!--{$item.title}-->
                                                    </div>
                                                </div>
                                                <h2 class="wt-title">
                                                    <!--{$item.introduction}-->
                                                </h2>
                                            </div>
                                            <!-- TITLE END-->
                                            <!--{foreach item=sinfo key=k from=$item.single}-->
                                            <strong>
                                                <!--{$sinfo.introduction}-->
                                            </strong>
                                            <p class="section-head-text">
                                                <!--{$sinfo.content}-->
                                            </p>
                                            <div class="tw-why-choose-left-bottom">
                                                <a href="#" class="btn-half site-button">
                                                    <span>
                                                        &uarr;
                                                    </span>
                                                    <em>
                                                    </em>
                                                </a>
                                            </div>
                                            <!--{/foreach}-->
                                        </div>
                                    </div>
                                    <div class="col-xl-7 col-lg-7 col-md-12">
                                        <div class="tw-why-choose-right">
                                            <div class="tw-why-choose-media2 slide-top shine-effect">
                                                <div class="shine-box">
                                                    <img src="<!--{$item.imgurl}-->" alt="">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tw-hilite-text-wrap2">
                                    <div class="tw-hilite-text">
                                        <span>
                                            <!--{$item.title}-->
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- WHY CHOOSE US SECTION END -->
	<!--{else if $item.cssid eq 2}-->
	<!-- START TEAM -->
<div class="section-full p-t120 p-b90 site-bg-gray tw-what-wedo-area" >
    <div class="container" id="<!--{$item.acode}-->" >
        <!-- TITLE START-->
        <div class="section-head center wt-small-separator-outer">
            <div class="wt-small-separator site-text-primary">
                <div>
                    <!--{$item.title}-->
                </div>
            </div>

        </div>
        <!-- TITLE END-->
        <div class="tw-what-wedo-section">
            <div class="row">
                <div class="col-xl-5 col-lg-5 col-md-12">
                    <div class="tw-what-wedo-media">
                        <img src="<!--{$item.imgurl}-->" alt="">
                    </div>
                </div>
                <div class="col-xl-7 col-lg-7 col-md-12">
                    <div class="tw-service-icon-box-wrap">
                        <!--{foreach item=sinfo key=k from=$item.single}-->
                        <a href="<!--{$item.url}-->&id=<!--{$sinfo.id}-->">
                            <div class="service-icon-box-two">
                                <!--{if !empty($sinfo.imgurl)}-->
                                <div class="service-icon-box-two-media">
                                    <img src="<!--{$sinfo.imgurl}-->" alt="#">
                                </div>
                                <!--{/if}-->
                                <div class="service-icon-box-title">
                                    <h3 class="wt-title">

                                            <span class="site-text-primary">
                                                <!--{$k+1}--> .
                                            </span>
                                        <!--{$sinfo.title}-->

                                    </h3>
                                    <p>
                                        <!--{$sinfo.introduction}-->
                                    </p>
                                    <p>
                                        <!--{$sinfo.content}-->
                                    </p>
                                </div>
                            </div>
                        </a>
                        <!--{/foreach}-->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

    <!-- END TEAM -->
    <!--{else if $item.cssid eq 3}-->
    <!-- START BARS -->
        <div class="section-full p-t120 p-b90 site-bg-white tw-company-approch-area">
             <div class="container" id="<!--{$item.acode}-->">
                <div class="wt-separator-two-part">
                     <div class="row wt-separator-two-part-row">
                         <div class="col-xl-6 col-lg-6 col-md-12 wt-separator-two-part-left">
                    <!-- TITLE START-->
                    <div class="section-head left wt-small-separator-outer">
                        <div class="wt-small-separator site-text-primary">
                            <div>
                                <!--{$item.title}-->
                            </div>
                        </div>

                    </div>
                    <!-- TITLE END-->
                </div>
            </div>
        </div>
        <div class="tw-company-approch-section">
            <div class="tw-company-approch-inner">
                 <!--{$item.introduction}-->
            </div>
        </div>
    </div>
</div>
    <!-- END BARS -->
    <!--{else if $item.cssid eq 4}-->
    <!-- BOOKING SECTION START -->
                <div class="section-full p-t120 p-b90 site-bg-gray tw-booking-area" style="background-image: url(<!--{$item.imgurl}-->);">
                    <div class="container" id="<!--{$item.acode}-->">
                        <!-- TITLE START-->
                        <div class="section-head center wt-small-separator-outer">
                            <div class="wt-small-separator site-text-primary">
                                <div>
                                    <!--{$item.title}-->
                                </div>
                            </div>
                        </div>
                        <!-- TITLE END-->
                    </div>
                    <div class="container">
                        <div class="tw-booking-section">
                            <div class="row">
                                <div class="col-xl-3 col-lg-3 col-md-12">
                                    <div class="tw-booking-media">
                                        <div class="media">
                                            <h3 class="wt-title" style="text-align: left">
                                               <!--{$item.introduction}-->
                                            </h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-9 col-lg-9 col-md-12">
                                    <div class="tw-booking-form">
                                        <div class="row booking-tab-container">
                                            <div class="col-lg-10 col-md-10 booking-tab">
                                                <!-- flight section -->
                                                <div class="booking-tab-content active">
                                                    <form>
                                                        <div class="row">
                                                            <div class="col-lg-4 col-md-4">
                                                                <div class="mb-3">
                                                                    <input name="username" type="text" required="" class="form-control" placeholder="称呼">
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-4 col-md-4">
                                                                <div class="mb-3">
                                                                    <input name="email" type="text" required="" class="form-control" placeholder="邮箱">
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-4 col-md-4">
                                                                <div class="mb-3">
                                                                    <input name="phone" type="text" required="" class="form-control" placeholder="电话">
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6 col-md-6">
                                                                <div class="mb-3">
                                                                    <input name="username" type="text" required="" class="form-control" placeholder="区域城市">
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6 col-md-6">
                                                                <div class="mb-3">
                                                                    <input name="username" type="text" required="" class="form-control" placeholder="详细地址">
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6 col-md-6">
                                                                <div class="mb-3">
                                                                    <textarea name="username" class="form-control" placeholder="说明" style="height: 100px"></textarea>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-12 col-md-12">
                                                                <div class="tw-booking-footer">
                                                                    <div class="tw-booking-footer-btn">
                                                                        <button type="submit" class="btn-half site-button">
                                                                            <span>
                                                                                Submit Now
                                                                            </span>
                                                                            <em>
                                                                            </em>
                                                                        </button>
                                                                    </div>
                                                                    <span class="tw-booking-footer-text">
                                                                        Quote
                                                                    </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- BOOKING SECTION END -->
    <!--{/if}-->
    <!--{else if $item.type eq 2}-->
    <!--{if $item.cssid eq 1}-->
    <!-- OUR BLOG START -->
                <div class="section-full p-t120 p-b90 bg-cover">
                    <div class="container" id="<!--{$item.acode}-->">
                        <!-- TITLE START-->
                        <div class="section-head center wt-small-separator-outer">
                            <div class="wt-small-separator site-text-primary">
                                <div>
                                   <!--{$item.title}-->
                                </div>
                            </div>
                            <h2 class="wt-title">
                                <!--{$item.introduction}-->
                            </h2>
                        </div>
                        <!-- TITLE END-->
                        <div class="section-content">
                            <div class="row d-flex justify-content-center">
                                <!--{foreach item=news key=k from=$item.list}-->
                                <div class="col-lg-4 col-md-6 col-sm-12 m-b30">
                                    <!--Block one-->
                                    <div class="blog-post blog-post-4-outer">
                                        <div class="wt-post-media wt-img-effect zoom-slow">
                                            <a href="<!--{$news.url}--><!--{$news.id}-->">
                                                <img src="<!--{$news.imgurl}-->" alt="">
                                            </a>
                                        </div>
                                        <div class="wt-post-info">
                                            <div class="wt-post-meta ">
                                                <ul>
                                                    <li class="post-date">
                                                        <span>
                                                            <!--{$k+1}-->
                                                        </span>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="wt-post-title ">
                                                <h3 class="post-title">
                                                    <a href="<!--{$news.url}--><!--{$news.id}-->">
                                                       <!--{$news.title}-->
                                                    </a>
                                                </h3>
                                            </div>
                                            <div class="wt-post-text ">
                                                <p>
                                                    <!--{$news.introduction}-->
                                                </p>
                                            </div>
                                            <div class="wt-post-readmore ">
                                                 <a href="<!--{$news.url}--><!--{$news.id}-->" class="site-button-link site-text-primary">
                                                    Read More
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <!--{/foreach}-->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- OUR BLOG END -->
                
    <!--{else if $item.cssid eq 2}-->
    <div class="section-full p-t120 p-b90 tw-service-gallery-style3-area">
    <div class="services-gallery-block-outer3">
        <div class="container" id="<!--{$item.acode}-->">
            <!-- TITLE START-->
            <div class="section-head center wt-small-separator-outer">
                <div class="wt-small-separator site-text-primary">
                    <div>
                        <!--{$item.title}-->
                    </div>
                </div>
            </div>
            <!-- TITLE END-->
            <div class="section-content">
                <div class="services-gallery-style3">
                    <div class="row">
                        <!--{foreach item=news key=k from=$item.single}-->
                        <div class="col-lg-4 col-md-6 mb-4">
                            <div class="service-box-style3">
                                <img src="<!--{$news.imgurl}-->" alt="">
                                <div class="service-content">
                                    <div style="display:flex; justify-content: space-between;">
                                        <h3 class="service-title-large">
                                        <!--{$news.title}-->
                                        </h3>
                                        <a href="<!--{$news.url}-->?id=<!--{$news.id}-->" > >>MORE </a>
                                    </div>
                                    <!--{foreach item=new key=i from=$news.list}-->
                                    <p>
                                        <span class="service-title-large-number"> <!--{$i+1}--> </span>
                                        <a href="<!--{$new.url}--><!--{$new.id}-->"> <!--{$new.title}--> </a>
                                    </p>
                                    <!--{/foreach}-->
                                </div>
                                
                            </div>
                        </div>
                        <!--{/foreach}-->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    <!--{/if}-->
  <!--{/if}-->
<!--{/foreach}-->